<template>
  <div id="app">
    
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted(){
      // 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据
      /*
      window.onbeforeunload = function (e) {
        var storage = window.localStorage;
        storage.clear();
      }
      */
    },
    created() {      
    // 在页面刷新时将vuex里的信息保存到sessionStorage里
      if (sessionStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({},this.$store.state,JSON.parse(sessionStorage.getItem("store"))))

        }

    //刷新页面会导致 store丢失  然后 管理页面就会空白 因为menus丢失了 这里刷新时保存了store
    //解决了以上问题  不过关闭浏览器 和刷新 vue处理是一样的 所以关闭浏览器 后 store还存在 再
    //打开浏览器 进入管理页面 不需要登陆  除非点退出

    // beforeunload事件在页面刷新时先触发
      window.addEventListener("beforeunload",()=>{
      sessionStorage.setItem("store",JSON.stringify(this.$store.state))

    })


  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
 
}
</style>
